<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>选择器demo</title>

	<style type="text/css">
	    html,body{
	    	width: 100%;
	    	height: 100%;
	    }
		.selector-container{
			width: 100%;
			height: 100%;
		}

		div p {

			/*  后代选择 */
	        /*  作用于p */

			width:100%;
			color: #eb4450;
		} 
      
        div,p{

           /* 分组选择器  */
           /* 作用于div和p */
            width:100%;
			color: #eb4450;
        }
	</style>
</head>
<body>
   <div class="selector-container">
   	
        <div class="selector-wrap">
        	 
        	 <div class="selector-title">
        	 	  后代选择器
        	 </div>

        	 <div class="selector-content">
        	 	   
        	 	  <p>我是后代选择器</p>
   
        	 	  <div class="parent">
   
        	 	  	   <p>我是后代选择器</p>
        	 	  </div>
        	 </div>
        </div>
        
   </div>
</body>
</html>